/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.wrap {
  display: flex;
  flex-direction: column;
}
.wrap header {
  display: flex;
  flex-direction: column;
  background-color: #EAECED;
}
.wrap header .header-title {
  height: 13.8667vw;
  margin-bottom: 0.5333vw;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.wrap header .header-title .header-titler {
  width: 23.3333vw;
  height: 5.8667vw;
}
.wrap header .header-title .header-titler::before {
  content: "";
  display: inline-block;
  width: 2.6667vw;
  height: 2.6667vw;
  border-left: 0.2667vw solid #555;
  border-bottom: 0.2667vw solid #555;
  transform: rotate(45deg);
  position: relative;
  left: -38vw;
}
.wrap header .header-title .header-titler span {
  font-size: 4.2667vw;
  color: #555;
}
.wrap header .header-content {
  background-color: #fff;
  height: 45.3333vw;
  margin-bottom: 0.2667vw;
  display: flex;
}
.wrap header .header-content .header-button {
  width: 8.8vw;
  height: 45.3333vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrap header .header-content .header-button .header-buttoner {
  width: 3.4667vw;
}
.wrap header .header-content .hearder-photo {
  margin-top: 4vw;
  width: 35.4667vw;
  height: 35.4667vw;
}
.wrap header .header-content .hearder-photo img {
  width: 100%;
  height: 100%;
}
.wrap header .header-content .header-text {
  width: 40vw;
  height: 33.3333vw;
  margin-top: 10.6667vw;
  margin-left: 2.6667vw;
  display: flex;
  flex-direction: column;
}
.wrap header .header-content .header-text .header-flower span {
  color: #333333;
  font-size: 4.2667vw;
}
.wrap header .header-content .header-text .header-quantity {
  width: 40vw;
  display: flex;
  margin-top: 3.4667vw;
}
.wrap header .header-content .header-text .header-quantity .quantity-text {
  width: 13.3333vw;
}
.wrap header .header-content .header-text .header-quantity .quantity-text span {
  color: #555555;
  font-size: 3.7333vw;
}
.wrap header .header-content .header-text .header-quantity .quantity-numble span {
  color: #555555;
  font-size: 3.7333vw;
}
.wrap header .header-content .header-text .header-price {
  width: 40vw;
  display: flex;
  margin-top: 3.4667vw;
}
.wrap header .header-content .header-text .header-price .price-text span {
  color: #555555;
  font-size: 3.7333vw;
}
.wrap header .header-content .header-text .header-price .price-numble-old span {
  color: #999999;
  font-size: 3.7333vw;
  text-decoration: line-through;
}
.wrap header .header-content .header-text .header-price .price-numble-new span {
  color: red;
  font-size: 3.7333vw;
}
.wrap header .header-footer {
  height: 2.6667vw;
  background-color: #EAECED;
}
.wrap main {
  display: flex;
  flex-direction: column;
  background-color: #F8F8F8;
}
.wrap main .main-title {
  width: 26.6667vw;
  height: 6.6667vw;
  margin-top: 4vw;
  margin-left: 4vw;
  margin-bottom: 2.6667vw;
}
.wrap main .main-title span {
  color: #555555;
  font-size: 4.6667vw;
}
.wrap main .main-content-row {
  margin-bottom: 2.6667vw;
  display: flex;
  justify-content: space-around;
}
.wrap main .main-content-row .main-content {
  width: 44vw;
  height: 62.6667vw;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  box-shadow: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.003), 6.7px 6.7px 5.3px rgba(0, 0, 0, 0.009), 12.5px 12.5px 10px rgba(0, 0, 0, 0.018), 22.3px 22.3px 17.9px rgba(0, 0, 0, 0.03), 41.8px 41.8px 33.4px rgba(0, 0, 0, 0.046), 100px 100px 80px rgba(0, 0, 0, 0.07);
}
.wrap main .main-content-row .main-content .main-photo {
  width: 44vw;
  height: 44vw;
}
.wrap main .main-content-row .main-content .main-photo img {
  width: 100%;
  height: 100%;
}
.wrap main .main-content-row .main-content .main-flower {
  margin-top: 5.0667vw;
  margin-left: 2.6667vw;
}
.wrap main .main-content-row .main-content .main-flower span {
  font-size: 3.7333vw;
  color: #333;
}
.wrap main .main-content-row .main-content .main-footer {
  margin-top: 1.3333vw;
  margin-left: 2.6667vw;
  background-color: white;
  display: flex;
}
.wrap main .main-content-row .main-content .main-footer .main-price {
  width: 20vw;
}
.wrap main .main-content-row .main-content .main-footer .main-price span {
  color: #FF734C;
  font-size: 3.7333vw;
}
.wrap main .main-content-row .main-content .main-sales span {
  color: #999999;
  font-size: 3.2vw;
}
.wrap main .main-footer {
  height: 16vw;
  background-color: #F8F8F8;
}
.wrap footer {
  display: flex;
  height: 13.3333vw;
  position: fixed;
  bottom: 0;
}
.wrap footer .come {
  width: 70vw;
  display: flex;
  align-items: center;
  background-color: white;
}
.wrap footer .come span {
  margin-left: 4vw;
  font-size: 3.7333vw;
  color: #884E22;
}
.wrap footer .settle {
  width: 30vw;
  display: flex;
  align-items: center;
  background-color: #884E22;
}
.wrap footer .settle span {
  margin-left: 4vw;
  font-size: 3.7333vw;
  color: white;
}/*# sourceMappingURL=shopping.css.map */